<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link th:href="@{/webjars/bootstrap/4.5.3/css/bootstrap.min.css}" rel="stylesheet">
    <title>common</title>
    <link rel="shortcut icon" th:href="@{/img/favicon.ico}"/>
    <link rel="bookmark" th:href="@{/img/favicon.ico}"/>
</head>
<body>
<nav th:fragment="topNav" class="navbar navbar-expand-sm navbar-dark bg-dark" style="padding:0rem;">
    <div class="collapse navbar-collapse ml-2" style="text-align: center" id="navbarNav">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a th:class="${activePage=='rename'?'nav-link active':'nav-link'}"
                    th:href="@{/rename/index}" class="nav-link active" href="#">文件重命名</a>
            </li>
            <li class="nav-item">
                <a th:class="${activePage=='tableData'?'nav-link active':'nav-link'}"
                   th:href="@{/tableData/index}" class="nav-link active" href="#">二维数据处理</a>
            </li>
        </ul>
    </div>
    <a class="nav-link text-warning" style="padding-bottom: 0.2rem; padding-top: 0.2rem; right: 1em;" th:href="@{/loginOut}">Quit</a>
</nav>
</body>
</html>